/* 
    Document   : main
    Created on : 2011-okt-12, 20:40:41
    Author     : Jonatan Strömsten
*/

body
{
    padding: 0; margin: 0;
    font-family: Verdana, Sans-Serif;
    background-color: #f5fff5;
    background-image: url('../images/bkg.png');
    background-repeat: repeat-x;
}

header
{
    min-width: 600px;
    font-family: Constantina, NSimSun, Serif;
    margin: 100px 0px 80px 0px;
    font-size: 2.4em;
    text-align: center;
}

header span#kiviq
{
    font-family: Purisa, Gungsuh, Serif;
}

footer
{
    color: #999;
    min-width: 600px;
    margin: 50px 0px 20px 0px;
    text-align: center;
    font-size: 0.8em;
}

#error
{
    font-size: 0.8em;
    color: #090;
}

#container
{
    min-width: 600px;
    margin: 0px 120px;
}

#searchBox
{
    margin: 20px 0px;
}

#results
{
    margin: 5px auto;
}

.resultAnswer
{
    margin: 15px 5px 25px 5px;
}

.resultTitle
{
    font-family: Times, Serif;
    font-size: 1.2em;
    font-weight: bolder;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: #333;
    padding: 0px 3px;
}

.resultKeywords
{
    font-size: 0.8em;
    color: #887777;
    border-style: dotted;
    border-width: 1px 0px 0px 0px;
    border-color: #abbbab;
    text-align: right;
    padding: 4px;
}

.result
{    
    background-color: white;
    margin: 5px auto;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #aaa;
}

.result:first
{
    margin: 20px;
}

input.clearButton
{
    
    padding: 2px 8px;
    background-color: #fee;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #777;
}

input.clearButton:hover
{
    box-shadow: 0px 0px 4px #000;    
}

input.clearButton:active
{
    position: relative;
    top: 1px;
    left: 1px;
}

input#search
{
    font-size: 1.3em;
    border: 1px solid #eee;
    padding: 4px 12px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #070;
    width: 100%;
    margin: 0px 0px 0px -12px;
}

input#search:hover
{
    box-shadow: 0px 0px 4px #000;
}